$(function(){
    $('#loginBox a').on('click',function(){
        $('#loginBox').hide();
        $('#registerBox').show();
    });
    $('#registerBox a').on('click',function(){
        $('#loginBox').show();
        $('#registerBox').hide();
    });


    // 自定义校验规则
    let form  = layui.form
    // verify()的值是一个对象
    form.verify({
         pwd: [
            //  第一个值是校验规则
            /^[\S]{6,15}$/,
            // 报错信息
            "密码的长度为6-15个字符,且不能包含空格"
         ],
         repwd:function(value){
            //  value也可以写成 $('[name=password]').val()
           let pwd = $('#registerBox [name=password]').val()
           if(value !== pwd){
               return '输入的两次密码不一致!';
           }
         }
    });
          // 注册(axios)
        let layer = layui.layer
    $('#form-reg').on('submit',function(e){
        e.preventDefault()
        axios({
            method:'POST',
            url :'/api/reguser',
            data:$('#form-reg').serialize()
        }).then((res)=>{
            // 判断状态码
            if(res.data.status !== 0){
                return layer.msg(res.data.message)
            }
            // 注册成功 给提示
           layer.msg('注册用户成功')
           $('#form-reg')[0].reset();
           $('#registerBox a').click()
        })
    })


    // 登录
    $('#form-login').on('submit',function(e){
        e.preventDefault()
        axios({
            method :'POST',
            url :'/api/login',
            data: $('#form-login').serialize()
        }).then((res)=>{
            let obj = res.data
            if(obj.status !== 0){
                return layer.msg(obj.message)
            }
            layer.msg('登录成功!')
            location.href = '/index.html'
            localStorage.setItem('token',obj.token);
        })
    })
});